// //javascript 语言：弱语言：编程语言
// // let a=1;//定义变量
// //js怎么来判断当前的数据是什么数据类型，通过后边的值
// //js的数据类型为五种：
// //1.数字  整数和小数
// //2.字符  Java的字符char和字符串String
// //3.布尔  和Java一样
// //4.对象{name:'1111',age:11}  和Java一样  Student{name='111'}
// // js里面不区分单双引号
// //5.数组 []         java数组：[]，集合[]
// let num = 1;
// let str = "aa";
// let boo = true;
// let obj = {"name": 'supeng', "age": "18"};
// // Student s=new Student();
// // s.name;
// let arr = [1, 4, 6, "a", "b", true];
// //java数组可以不可以添加元素？
// arr.push("aaa");
// // console.log(arr);
// for (let i = 0; i < arr.length; i++) {
//     console.log(arr[i]);
// }
// //Java定义一个完整的方法
// // 权限修饰符 特征修饰符 返回值类型  方法名(参数类型 参数名称) 抛出异常{ 方法体 return 返回值};
// //js定义方法？ function  方法名(参数名){执行体 return 返回值}
// function method(name) {
//     console.log(11)
//     return 11;
// }
//
// //js定义对象
// function Student(name, age) {
//     this.name = name;
//     this.age = age;
// }
//
// let aa = new Student("supeng", 18);
// console.log(aa);
// //js定义对象，同样是大驼峰命名，方法名和属性名小驼峰命名
// //js怎么定义常量？
// const USER_NAME = "AAAA";
// var aa=0;//var 是es5之前的版本，let是es5之后的版本
//js的数组理解为Java的可变长度的数组（集合）
//js 打印到控制台用？
// console.log(obj);
//json对象和对象的区别？用法一样，只不过，json对象的key值也需要用引号括起来
// console.log(obj.name)
//js怎么知道它的数据类型？
// console.log(typeof arr)
// 页面加载完成执行里面的代码
// alert("aa")
$(function () {
    // layui表示第三方框架,可以理解为工具类   Tool.strToInt("aa");
    layui.use('form', function () {
        // 得到layui的属性：form表单（对象）
        let form = layui.form;
        // layer内置对象 ,可以理解为直接用
        // layer.msg 弹出信息面板
        // layer.msg('玩命卖萌中', function(){
        //   //关闭后的操作
        //   });
        // layer.msg("aaa", {icon: 6})//标签有0-1-6；
        //监听提交

        //js以后看到有on的基本数就是对某个对象进行添加事件（操作方法）：
        form.on('submit(login)', function (data) {
            data = data.field;
            // alert(888)
            // 将对象转换为json字符串
            // console.log(JSON.stringify(data.field));
            // 以后不要去将对象转换为字符串，因为我们前后端以后传值全是通过json对象进行传值
            // console.log(data.field);//{"username":"supeng","password":"aaaaaa"}
            //得到整个表单对象
            // console.log(data);
            // 现在需要将前端数据传递到Java后台？怎么传递？
            // 推荐用ajax
            $.ajax({
                url: '/login',//这里对应Javaservlet里面的WebServlet的注解
                data: data,//传递到后台的数据对象
                type: 'post',//对应后台的方法
                dataType: 'json',//后台传递给前端的数据格式，永远不变
                success: function (res) {//如果成功，则得到后台返回给前端的数据res
                    console.log(res);
                    if (res.msg == 'success') {
                        sessionStorage.setItem("username", data.username);
                        location.href = '/html/index.html';
                    } else {
                        layer.msg("用户名或者密码错误，请重写输入");
                    }
                }
            });
            // layer.msg(JSON.stringify(data.field), function () {
            //     // 跳转页面
            //     // location.href = 'index.html'
            // });
            //不让按钮进行跳转页面(刷新页面)
            return false;
        });
    });
})